<div class="content">

    <h3 @field="subject"></h3>
    <span style="color:grey" @field="tip"></span>
    <hr>
    <div @field="article">
        <p><label for="">Title:</label></p>
        <p @field="title"></p>
        <p><label for="">Content:</label></p>
        <p @field="content"></p>
    </div>
</div>

<script>
    console.log('query is', calo.query);
    makeCalo({
        model: {
            subject: 'save content',
            tip: "",
            article: {
                title: "how is this article",
                content: "we have a good article here."
            }
        },
    })
    (function(){
        
    })(calo)
</script>